<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>log in</title>
	<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="http://www.bootcss.com/p/buttons/css/buttons.css">
	<!-- <link rel="stylesheet" type="text/css" href="../css/default.css"> -->
</head>
<body>
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<div class="navbar-header">
				<a class="navbar-brand" href="#">
					<img alt="login" src="">
				</a>
			</div>
		</div>
	</nav>
	<nav class="navbar">
		<div class="col-sm-4 col-sm-offset-4">
			<form action="/login" method="post">
				<div class="form-group">
					<label for="exampleInputEmail1">User Name</label>
					<input type="text" class="form-control" name="name" id="username" placeholder="Name">
				</div>
				<div class="form-group">
					<label for="exampleInputPassword1">Password</label>
					<input type="password" class="form-control" name="password" id="Password" placeholder="Password">
				</div>
				<!-- <div class="checkbox">
					<label>
						<input type="checkbox"> Check me out
					</label>
				</div> -->
				<button id="submit" type="submit" class="button button-glow button-rounded button-raised button-primary" data-toggle="modal" data-target=".bs-example-modal-sm" style="display: block ;margin: 0px auto ;">Submit</button>
			</form>
		</div>
	</nav>
	
</body>
<script type="text/javascript" src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script>

</html>